﻿<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    <%=Resources.lbResources.lbProductIndexTitle %>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <div style="width: 100%">
        <div style="float: left; width: 572px">
            <div id="slider" style="height: 241px; margin-left: 5px; width: 564px;">
                <ul>
                    <li><a href="#">
                        <img src="../../Content/test/DSC00261.JPG" alt="" width="564px" height="241px" /></a></li>
                    <li><a href="#">
                        <img src="../../Content/test/DSC00301.JPG" alt="" width="564px" height="241px" /></a></li>
                    <li><a href="#">
                        <img src="../../Content/test/DSC00304.JPG" alt="" width="564px" height="241px" /></a></li>
                    <li><a href="#">
                        <img src="../../Content/test/DSC00314.JPG" alt="" width="564px" height="241px" /></a></li>
                    <li><a href="#">
                        <img src="../../Content/test/DSC00365.JPG" alt="" width="564px" height="241px" /></a></li>
                </ul>
            </div>

            <script type="text/javascript">
                $(document).ready(function() {
                    $("#slider").easySlider({
                        auto: true,
                        continuous: true,
                        numeric: true
                    });
                });
            </script>

            <div id="content">
                <img src='<%=Url.Content("~/Content/images/title2.png") %>' alt="" width="201" height="28" /><br />
                <p>
                    <%=Resources.lbResources.lbProductIndexContent %>
                </p>
            </div>
        </div>
        <div style="float: left; width: 235px; margin-left: 2px">
            <% Html.RenderPartial("~/Views/UserControl/ucLogon.ascx"); %>
        </div>
    </div>
    <div style="clear: both">
    </div>
    <div style="width: 100%">
        <div style="padding-left: 11px">
            <img src='<%=Url.Content("~/Content/images/title3.png")%>' alt="" width="790" height="26"
                class="pad25" /></div>
        <div class="stuff">
            <%
                foreach (WebBags.Product p in (IEnumerable<WebBags.Product>)ViewData["LstNew"])
                {                        
            %>
            <div class="item">
                <img src='<%=Url.Content("~/uploads/" + p.ImageUrl ) %>' alt="" onclick="window.location='<%=Url.Action("index", "product", new {id=p.ID}) %>'"
                    width="100px" height="100px" />
            </div>
            <%} %>
        </div>
        <div class="stuff">
            <span class="lbCategory">
                <%=ViewData["CategoryName"] %></span>
            <img src='<%=Url.Content("~/Content/images/line.png")%>' alt="" width="790" height="3"
                style="margin-left: 8px; margin-bottom: 10px" />
        </div>
        <div class="stuff">
            <%
                foreach (WebBags.Product p in (IEnumerable<WebBags.Product>)ViewData["Lst"])
                {                        
            %>
            <div class="item">
                <img src='<%=Url.Content("~/uploads/" + p.ImageUrl ) %>' alt="" onclick="window.location='<%=Url.Action("index", "product", new {id=p.ID}) %>'"
                    width="100px" height="100px" />
            </div>
            <%} %>
        </div>
        <div style="clear: both; height: 10px">
        </div>
    </div>
</asp:Content>
